<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .singer1{
            display: flex;
            height: 101px;
            width: 660px;
        }
       .singer2{
            display: flex;
            height: 101px;
            width: 660px;
        }
        .singer3{
            display: flex;
            height: 101px;
            width: 660px;
        }
        .singer4{
            display: flex;
            height: 101px;
            width: 660px;
        }
        .singer5{
            display: flex;
            height: 101px;
            width: 660px;
        }
        .singerlist a{
            color: black;
            text-decoration: none;
            font-weight: bold;
            font-size: 20px;
        }
        .singerlist a:hover{
            text-decoration: underline;
        }
        .text{
            margin-left: 10px;
        }
        .singerlist img{
            cursor: pointer;
        }
    </style>
</head>

<body>
    <h2>我的歌手</h2>
    <hr>
    <div class="singerlist">
        <div class="singer1">
            <div><img src="images/images_en/张杰.jpg" alt="" width="80px" height="80px"></div>
            <div class="text">
                <a href="#">张杰</a>
                <p>149个专辑&nbsp;&nbsp;&nbsp;&nbsp;114个MV</p>
            </div>
        </div>

        <hr>

        <div class="singer2">
            <div><img src="images/images_en/凤凰传奇.jpg" alt="" width="80px" height="80px"></div>
            <div class="text">
                <a href="#">凤凰传奇</a>
                <p>60个专辑&nbsp;&nbsp;&nbsp;&nbsp;84个MV</p>
            </div>
        </div>

        <hr>

        <div class="singer3">
            <div><img src="images/images_en/Justin Bieber.jpg" alt="" width="80px" height="80px"></div>
            <div class="text">
                <a href="#">Justin Bieber</a>
                <p>136个专辑&nbsp;&nbsp;&nbsp;&nbsp;340个MV</p>
            </div>
        </div>

        <hr>

        <div class="singer4">
            <div><img src="images/images_en/周杰伦.jpg" alt="" width="80px" height="80px"></div>
            <div class="text">
                <a href="#">周杰伦</a>
                <p>41个专辑&nbsp;&nbsp;&nbsp;&nbsp;8个MV</p>
            </div>
        </div>

        <hr>

        <div class="singer5">
            <div><img src="images/images_en/网易云音乐.jpg" alt="" width="80px" height="80px"></div>
            <div class="text">
                <a href="#">网易云音乐</a>
                <p>17个专辑&nbsp;&nbsp;&nbsp;&nbsp;110个MV</p>
            </div>
        </div>

        <hr>

    </div>
</body>

</html>